<template>
	<view class="bg-[#2C326B] mx-[30rpx] px-[30rpx] py-[40rpx] rounded-lg">
		<view class="flex justify-between">
			<view class="w-1/2 text-center">
				<view class="text-2xl text-[#A1DBF5] mb-[10rpx]">
					{{getCurrency()}}{{formatMoney(user.user_money)}} {{getCurrency2()}}
				</view>
				<view class="">
					{{t('user.userBalance')}}
				</view>
			</view>
			<view class="">
				|
			</view>
			<view class="w-1/2 text-center">
				<view class="text-2xl text-[#A1DBF5] mb-[10rpx]">
					{{user.user_point}}
				</view>
				<view class="">
					{{t('user.userPoint')}}
				</view>
			</view>
		</view>
	</view>

</template>
<script lang="ts" setup>
	import { getCurrency,getCurrency2, formatMoney, t } from '@/utils/util'

	const props = defineProps({
		user: {
			type: Object,
			default: () => ({})
		},
	})
	const navigateTo = (url : string) => {
		uni.navigateTo({
			url
		})
	}
</script>

<style lang="scss" scoped>
</style>